<template>
  <view class="group">
    <view class="header">
      <text class="title">关于我们</text>
    </view>
    <view class="group-tip" v-html="agreement">
    </view>

  </view>
</template>
<script>

export default {
  data() {
    return {
      agreement: "",
    }
  },
  methods: {
    onNavBack() {
      uni.switchTab({
        url: "/pages/mine/mine"
      })
    },
    getData() {
      this.status = 'loading'
      this.$http({
        url: '/mine/aboutUs',
        method: 'GET',
      }).then((res) => {
        this.agreement = res.paramValue
      })
    },

  },
  onLoad() {
    this.getData();
  },
}
</script>

<style lang="scss" scoped>
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60rpx;
  padding: 5px;
  line-height: 50px;
  font-size: 30rpx;
  letter-spacing: 2rpx; /* 字母间距 */
  font-weight: 600;

  .btn-side {
    position: absolute;
    line-height: 60rpx;
    font-size: 28rpx;
    cursor: pointer;

    &.right {
      right: 30rpx;
    }
  }
}

.btn-side {
  position: absolute;
  line-height: 60rpx;
  font-size: 28rpx;
  cursor: pointer;

  &.left {
    left: 30rpx;
  }

  &.right {
    right: 30rpx;
  }
}

.group {
  position: relative;
  border: #dddddd solid 1px;
  display: flex;
  flex-direction: column;

  .nav-bar {
    margin: 5rpx;
    display: flex;
    align-items: center;
    background-color: white;
  }

  .nav-search {
    line-height: 36px;
    flex: 1;
    display: flex; /* 让 .nav-search 也成为一个 flex 容器 */
    justify-content: center; /* 水平居中对齐 */
    align-items: center; /* 垂直居中对齐 */
  }

  .nav-add {
    padding-right: 20rpx;
    line-height: 36px;
    cursor: pointer;
  }

  .group-tip {
    padding: 50rpx;
    text-align: left;
    font-size: 30rpx;
  }

  .group-items {
    flex: 1;
    padding: 0;
    border: #dddddd solid 1px;
    overflow: hidden;
    position: relative;

    .scroll-bar {
      height: 100%;
    }
  }
}
</style>
